<!--
  - Copyright (c) 2021.  北京维数科技有限公司
  - Date :  2021/3/25
  - Author ：F12 Console=> atob("MzMxNDkxODAwQHFxLmNvbQ==")
  - Version ：1.0.0
  -->

<template>
	<el-dialog 
	:visible.sync="Show"
	title="" 
	:fullscreen='true' 
	:show-close='false' custom-class="actual-builddetail-fulldialog" 
	:close-on-press-escape="false" 
	:append-to-body="true">
      <span class="custom-dialog-btn" @click="cancel">
        <i class="el-icon-close"></i>
      </span>
      <el-container class="actual-builddetail-wrap">
	      <el-header>
	        <p class="plantitle">{{title}}</p>
	      </el-header>
	      <Buildinfo :Show.sync="Show" :infoId="infoId"/>
  	  </el-container>
  	</el-dialog>
</template>
<script>
	import Buildinfo from "./buildinfo";
	export default{
		components:{Buildinfo},
		props:{
	  		infoId:{
	  			type:String,
	  			default:""
	  		},
	  		Show:{
	  			type:Boolean,
	  			default:false,
	  		},
	  		title:{
	  			default:""
	  		}
	  	},
		methods:{
			cancel(){
				this.$emit("update:Show",false);
			}
		}
	}
</script>
<style lang="scss">
.actual-builddetail-fulldialog > div {
  width: 100%;
  padding-top: 0;
}
.actual-builddetail-fulldialog{
.el-dialog__body{
	padding:0;
	margin:0;
}
.actual-fulldialog .el-dialog__title {
  font-size: 32px;
}
.actual-fulldialog {
  .el-dialog__header {
    margin-top: 20px;
  }
}
.plantitle {
  text-align: center;
  font-size: 20px;
}
.custom-dialog-btn {
  position: absolute;
  font-size: 30px;
  left: 24px;
  top: 14px;
  color: #fff;
  &:hover {
    cursor: pointer;
  }
}
.el-header {
  padding: 0;
}
.el-dialog__header {
    display: none;
}
}
</style>
